<%-- 
    Document   : example1
    Created on : May 19, 2011, 1:53:04 PM
    Author     : DSokolov
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>First Example</title>
        
        <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojo/dojo.xd.js"></script>
<!--        <script src="js/dojo/dojo/dojo.js"></script>-->
        <script>
            dojo.require("dojo.fx");
            
            dojo.ready(function(){
                dojo.byId("dojoVersion").innerHTML +=" " + dojo.version;
            });
            
            var demoFX = function(id) {
                dojo.fx.slideTo({
                    top: 200,
                    left: 400,
                    node: dojo.byId(id)
                }).play();
            };
        </script>
        
        
    </head>
    <body>
        <h1>The First Example of DOJO</h1>
        <p>This example covers these aspects:</p>
        <ul>
            <li>dojo.version</li>
            <li>dojo.ready</li>
            <li>dojo.require</li>
        </ul>
        <div id="dojoVersion">Dojo version is</div>
        
        <a href="#" onclick="demoFX('demoFXdiv');">Demonstrate dojo.fx</a>
        
        <div id="demoFXdiv">
            <h1>This div is for demonstration</h1>
            
        </div>
        
    </body>
</html>
